<template>
    <div>
        <li>
            <div><a > {{data.name}}</a> </div>
        <ul v-if = 'data.children  && data.children.length > 0'>
        <mycate v-for='child in data.children' :key='child.id' :data = 'child'></mycate>
        </ul>
        </li>
    </div>
</template>

<script>
import axios from 'axios'
export default {
    name:'mycate',
    props:['data'],
    data() {
        return {

        }
    },
    methods: {

    },
    created() {

    }
}
</script>

<style scoped>

</style>
